.trial-backdrop { 
  position: fixed; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  right: 0; 
  background: #f2f3f4; 
  z-index: 1000000000000; 
}

.trial-backdrop .inner {
  max-width: 500px;
  height: 450px;
  margin: auto !important;
  transform: translateY(-50px);
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.trial-backdrop .loading-gif img {
  max-width: 200px;
  max-height:100px;
}

.trial-backdrop .logo-wrapper {
  padding: 50px 0 15px;
}

.trial-backdrop .logo-wrapper img {
  max-width: 182px;
}

.trial-backdrop .form-wrapper .field  {
  display:block;
  margin-bottom:12px;
  height:55px;
  z-index: 1;
}

.trial-backdrop .form-wrapper .field input {
  background:#fff;
  color: #666666;
  font-size:18px;
  font-weight: 300;
  border-radius: 2.5px;
  z-index: 1;
  position: relative;
  transition: all 0.3s;
  padding:15px 15px 13px; 
  width: 400px;
  max-width: 100%;
  box-shadow: none;
}

.trial-backdrop .form-wrapper .field input:focus, .trial-backdrop .form-wrapper .field input.dirty {
  color: #000;
}

.trial-backdrop .form-wrapper .field input.valid {
  border-color: #30AD63;
}

.trial-backdrop .form-wrapper .field input.invalid {
  border-color: #A22730;
}

.trial-backdrop .form-wrapper .field label {
  position:absolute;
  top:0;
  bottom:0;
  margin:auto;
  line-height: 57px;
  left: -120px;
  width: 155px;
  font-weight: 300;
  text-align: right;
  z-index: 0;
  transform: translateX(150px);
  transition: all 0.3s;
}

.trial-backdrop .form-wrapper .field input:focus + label, .trial-backdrop .form-wrapper .field input.dirty + label {
  transform: translateX(0);
}

.trial-backdrop .form-wrapper .field {
  position: relative;
}

.trial-button-wrapper a {
  display: inline-block;
}

.trial-button-wrapper .btn-primary.disabled, .trial-button-wrapper .btn-primary.disabled-invalid {
  background: #DDD !important;
  cursor: default !important;
}


@media (max-width: 700px) {
  .trial-backdrop .form-wrapper .field label {
 display: none !important; 
}
}